<template>
  <v-app style="background: none;">

    <div class="text-center mb-4 pt-4">APP 页面结构底层</div>
    <div class="text-center">
      <a href="https://vuetifyjs.com/zh-Hans/getting-started/quick-start/">Vuetify</a>
    </div>

    <index v-if="reset"></index>

    <v-top-error v-if="$store.state.topError.show"></v-top-error>

    <transition
        enter-active-class="animated fadeInRight"
        leave-active-class="animated fadeOutRight"
    >
      <v-alert-block v-if="$store.state.alertData.show"></v-alert-block>
    </transition>

    <v-loading v-if="$store.state.loadingShow"></v-loading>

    <v-alter-confirm v-if="$store.state.alterConfirmData.show"></v-alter-confirm>

  </v-app>
</template>

<script>
  import index from './components/index'

  export default {
      name: 'App',
      components: {
          index
      },
      data: () => ({
          reset: true
      }),
      created () {
          // if (sessionStorage.getItem('token')) {
          //
          // }
      }
  };
</script>
